<!DOCTYPE html>

<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Instructors - SAKURA&amp;PINK</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type='text/javascript'></script>
</head>
<body>
	<div id="header">
		<h1><a href="index.html">SAKURA &amp; PINK <span>Something About Sakura</span></a></h1>
		<ul id="navigation">
			<li>
				<a href="index.html">Home</a>
			</li>
			<li>
				<a href="about.html">About</a>
			</li>
			<li>
				<a href="classes.html">Classes</a>
				<ul>
					<li class="current">
						<a href="instructors.html">Instructors</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="contact.html">Contact</a>
			</li>
			<li>
				<a href="blog.html">Blog</a>
			</li>
		</ul>
	</div>
	<div id="body">
		<h2>Instructors</h2>
		<div class="content">
			<div>
				<ul class="section">
					<li>
						<img src="images/instructor1.jpg" alt="Yoga instructor one">
						<h4>Belle Humpfree</h4>
					</li>
					<li>
						<img src="images/instructor2.jpg" alt="Yoga instructor two">
						<h4>Jacob Collern</h4>
					</li>
				</ul>
				<ul class="section">
					<li>
						<img src="images/instructor3.jpg" alt="Yoga instructor three">
						<h4>Edward Blanche</h4>
					</li>
					<li>
						<img src="images/instructor4.jpg" alt="Yoga instructor four">
						<h4>Carrie Waldorf</h4>
					</li>
				</ul>
			</div>
			<img src="images/sakura.jpg" alt="sakura" class="figure">
		</div>
	</div>
	<div id="footer">
		<div>
			<span>It looks like the incarnation of a lovely fairy</span>
			<p>
				&copy; 2018 by SUKURA &amp; PINK 
			</p>
	</div>
</body>
</html>